<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
</head>
<body>     
      <form action="https://www.baidu.com">
            <input type="text" name="username">
            <input type="text" name="pwd">
            <button>点击发送</button>
      </form>
      <script>
            // ajax ： 难 ? 
            
            // a 异步
            // j javascript 
            // a and
            // x xml 

            // ajax 对我们来说就是一个API的使用 new XMLHttpRequest();

            // ajax 干啥用的 ? 
            // 1. 无刷新页面之中发起一个http请求;
            
            // 现有的数据发送方式;

            // 2. 请求之后响应的处理, 页面的渲染;

            // 3. 开发模式 : 前后端分离;
            // 前端按照后端制定的规则发请求，同时携带对应的数据;
            // 后端根据自己的设计返回前端需要的数据 => json;
            
      </script>
</body>
</html>